.spacedetail_container{
    @include container_business_global;
    .spacedetail_box{
        width: 1300px;
        min-height: 1000px;
        margin: 0 auto;
        .navlist{
            @include breadcrumb_business_global;
            .tag{
                @include tag_business_global;
            }
        }

        .spacedetail_box_detail{
            @include content_business_global;
            .spacedetail_box_left{
                @include content_left_business_global;
                .title{
                    @include article_title_business_global;
                    
                }
                .date{
                    @include time_business_global;
                }
                .acticel_box{
                    width: 850px;
                    min-height: 30px;
                    .spacedetail_img{
                        @include img_business_global;
                    }
                }

                .message_box{
                    margin-top: 80px;
                    width: 850px;
                    height: 200px;
                    .message_list{
                        width: 850px;
                        height: 170px;
                        overflow-y: auto;
                        li{
                            width: 850px;
                            height: 30px;
                            .name{
                                min-width: 80px;
                                height: 30px;
                                color:#666;
                                line-height: 30px;
                                font-size: 16px;
                                font-weight: bold;
                            }
                            .message{
                                display: inline-block;
                                width: 500px;
                                height: 35px;
                                color:#666;
                                line-height: 58px;
                                overflow: hidden;
                                text-overflow:ellipsis;
                                white-space: nowrap;
                            }    
                            .date{
                                height: 30px;
                                line-height: 30px;
                                font-size:14px;
                                color:#666;
                                margin-left: 30px;
                            }
                        }
                        
                    }
                }

                .edit_box{
                    width: 850px;
                    height: 150px;
                    margin-top: 48px;
                    #comment{
                        width: 850px;
                        height: 350px;
                    }
                    .btn_commit{
                        float: right;
                        width: 140px;
                        height: 40px;
                        margin-top: 20px;
                        border: none;
                        color: #141414;
                        font-size: 16px;
                        background-color: #FBDE08;
                    }
                }

                .articel_box{
                    width: 1100px;
                    margin-top: 100px;
                    .articel_box_title{
                        height:26px;
                        font-size:20px;
                        font-family:'Arial';
                        color:rgba(20,20,20,1);
                        line-height:26px;
                    }
                    .articel_list{
                        width: 1100px;
                        height: 260px;
                        margin-top: 30px;
                        li{
                            float: left;
                            margin-right: 16px;
                            width: 260px;
                            height:210px;
                            color: #141414;
                            border: 1px solid #EFEFEF;
                            &:hover{
                                cursor: pointer;
                            }
                            .articel_list_img{
                                width: 260px;
                                height: 152px;
                                margin: 0;
                            }
                            .articel_list_text{
                                width: 255.5px;
                                height: 35px;
                                font-size:14px;
                                margin-top: 5px;
                                padding: 0px 5px 2px 5px;
                                color:rgba(102,102,102,1);
                                display:-webkit-box;
                                -webkit-box-orient:vertical;
                                -webkit-line-clamp:2;
                                overflow: hidden;
                                &:hover{
                                    cursor: pointer;
                                    color:#FBDE08;
                                    text-decoration: underline;
                                }
                            }
                            
                        } 
                        li:nth-child(4){
                            margin-right: 0px;
                        }  
                    }
                }

                .articel_container{
                    width: 850px;
                    height: 120px;
                    text-align: left;
                    .pretext, .nexttext{
                        width: 850px;
                        height: 40px;
                        font-size:14px;
                        font-family:'Arial';
                        color:#666;
                        line-height:19px;
                        &:hover{
                            cursor: pointer;
                            color:#FBDE08;
                        }
                    }
                }
            }

            .spacedetail_box_right{
                width: 430px;
                height: 630px;
                text-align: left;
                margin-top: 42px;
                border: 1px solid #EFEFEF;
                .newarticel{
                    width: 400px;
                    min-height: 40px;
                    margin: 0 auto;
                    .title{
                        height:26px;
                        font-size:18px;
                        margin-top: 15px;
                        font-family:'Arial';
                        color:rgba(51,51,51,1);
                        line-height:26px;
                        padding: 5px;
                        border-left: 3px solid #FBD421;
                    }
                    .articellist{
                        width: 400px;
                        height: 160px;
                        margin: 0 auto;
                        li{
                            height: 35px;
                            width: 400px;
                            line-height: 35px;
                            color: #666;
                            font-size: 14px;
                            border-bottom: 1px solid #EAEAEA;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            white-space: nowrap;
                            padding-left: 10px;
                            &:hover{
                                cursor: pointer;
                                color: #FBD421;
                            }
                        }
                    }
                }

                .input_box{
                    width: 400px;
                    height: 30px;
                    margin: 0 auto;
                    .seachinput{
                        width: 400px;
                    }
                }

                .consult_box{
                    width: 400px;
                    height: 280px;
                    margin: 0 auto;
                    margin-top:220px;
                    .title{
                        height:26px;
                        font-size:18px;
                        font-family:'Arial';
                        color:rgba(51,51,51,1);
                        line-height:26px;
                        padding: 5px;
                        border-left: 3px solid #FBD421;
                    }
                    .consullist{
                        width: 400px;
                        margin: 0 auto;
                        position: relative;
                        margin-top: 10px;
                        li{
                            width: 400px;
                            height: 63px;  
                            background:#F9F9F9;
                            display: flex;
                            align-items: center;
                            margin-bottom: 20px;
                            .consultimg{
                                width: 34px;
                                height: 34px;
                                padding-left: 20px;
                            }
                            .text{
                                padding-left: 20px;
                            }
                        }
                    }
                }  
            }
        }
    }
}